﻿/* stylesheet contains style for page and social/links */

.wrapper h1.title { margin: 10px 0; color: #333; font-family:"robotoregular"; font-size:14px; color:#6c6c6c; }

.post-entry { display: block; width: 580px; margin: 0 auto; }
.post-entry h4 { color: #333; font-weight: normal; font-size: 36px; text-shadow: 0px 1px 1px #F2F1F0; padding-top: 20px; padding-bottom: 10px }
.post-entry h5 { color: lightCoral; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 1px #F2F1F0; padding-top: 20px; padding-bottom: 10px; color: #1FA2E1; }
.post-entry .code { padding: 15px; }
.post-entry hr { width: 100%; height: 1px; border: none; border-bottom: 1px dotted #EEEDED; margin: 30px 0; display: block; clear: both; }

#tagline { border-top: 1px solid #CCC; background: -moz-linear-gradient(top, white, #F2F2F2); background-repeat: repeat-x; background-position: bottom; margin: 60px 0 20px 0; background: whiteSmoke; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#F2F2F2)); background: -moz-linear-gradient(top, white, #F2F2F2); border-bottom: 1px solid #BFBFBF }
#tagline .row { width: 100%; max-width: 960px; min-width: 755px; margin: 0 auto; overflow: hidden }
#tagline .row h1 { color: #333; font: 16px/3em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
#tagline .row h1 a { color: #8F8F8F }
#tagline .row h1 a:hover { color: #636363 }

.tab-content img { width: 100% }
.tab-content div.ol { margin-left: 90px }
.tab-content ol { margin-left: 90px }
.tab-content ol li.first { font-weight: bold; margin: 40px 0 20px 0; line-height: 18px }
.tab-content ol li { font-weight: bold; line-height: 38px }

#tagline #socialLinks { float: left; padding: 20px;}
#tagline #socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover { margin-bottom: 2px; }
#tagline #socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss { display: block; width: 32px; height: 32px; float: left; margin-left: 5px; text-indent: -9999px; }
#tagline #socialLinks .twitter { background: url(http://www.faridesign.net/wp-content/themes/alltuts/images/ico_twitter.png) 0 0 no-repeat; }
#tagline #socialLinks .rss { background: url(http://www.faridesign.net/wp-content/themes/alltuts/images/ico_rss.png) 0 0 no-repeat; }
